*{
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: 'Microsoft YaHei',Heiti SC,SansSerif;
    z-index: 1;
    /*box-sizing: content-box;*/
}
.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 0px;
    margin-bottom: 0px;
}
.main-banner{
    padding-top: 75px;
    min-width: 1258px;
}
.problems{
    width: 1200px;
    margin: 0 auto;
}
.problems .title{
    width: 100%;
    color: #1db5d0;
    text-align: center;
    padding-top: 70px;
    font-size: 28px;
}
.problems .line{
    width: 25%;
    height: 3px;
    background-color: #46cfe7;
    margin: 7px auto;
}
.problems .describe{
     font-size: 17px;
     line-height: 30px;
     width: 65%;
     text-align: center;
     margin: 0 auto;
     color: #737373;
 }
.problems .problems-wrapper{
    padding: 40px 25px 50px;

}
.problems-wrapper .problem-li{
    display: inline-block;
    width: 29.5%;
    margin-right: 3.5%;
    background-color: #e1f5f6;
}

.problems-wrapper .problem-li .picture{
    width: 20%;
    height: 60px;
    margin: 62px auto 20px;
}
.problems-wrapper .problem-li .title{
    width: 100%;
    padding-top: 10px;
    color: #666;
    text-align: center;
    font-size: 22px;
}
.problems-wrapper .problem-li .text{
    padding-top: 20px;
    padding-bottom: 30px;
    width: 72%;
    margin: 0 auto;
    text-align: center;
    line-height: 20px;
    color: #737373;
}
.problems-wrapper .problem-li .last-text{
    padding-top: 20px;
    padding-bottom: 30px;
    width: 76%;
    margin: 0 auto;
    text-align: center;
    line-height: 20px;
}
.big-pic-first{
    margin-top: 30px;
    width: 100%;
    min-width: 1258px;
}
.big-pic-first img{
    width: 100%;
}
.product-wrapper{
    width: 100%;
    background-color: #e1f5f6;
    min-width: 1258px;
}
.product-wrapper .product-content{
    width: 1200px;
    margin: 0 auto;
}
.product-wrapper .product-content .first-title{
    padding: 65px 0 15px;
    text-align: center;
    font-size: 60px;
    letter-spacing: 7px;
}
.product-wrapper .product-content .second-title{
    text-align: center;
    font-size: 25px;
    letter-spacing: 2px;
}
.product-wrapper .product-content .title-img{
    width: 715px;
    margin:0px auto;
    padding: 125px 0 25px 0;
}
.product-wrapper .product-content .text{
    font-size: 20px;
    color: #999;
    line-height: 30px;
    text-align: center;
    padding: 30px 10px 70px;
}
.product-feature-wrapper{
    padding: 100px 40px 135px 40px;
    width: 100%;
}
.product-big-img{
    display: block;
    position: relative;
    margin-bottom: 54px;
}
.product-big-img img{
    display: block;
    width: 779px;
    margin: 0 auto;

}
.product-big-img .camera{
    left: 140px;
    top: 152px;
    width: 164px;
}
.product-big-img .visual-chart{
    left: 65px;
    top: 293px;
    width: 116px;
}
.product-big-img .optometry-uni{
    left: 75px;
    top: 410px;
    width: 123px;
}
.product-big-img .lensometer{
    left: 80px;
    top: 535px;
    width: 145px;
}
.product-big-img .small-screen{
    left: 90px;
    top: 675px;
    width: 145px;
    height: 23px;
}
.product-big-img .check-eyes{
    left: 970px;
    top: 140px;
    width: 165px;
}
.product-big-img .big-screen{
    left: 970px;
    top: 350px;
    width: 225px;
}
.product-big-img .lens-box{
    left: 995px;
    top: 555px;
    width: 150px;
}
.product-big-img .function-point{
    position: absolute;
    border: 14px solid #000;
    border-image-source: url(https://benyamin.gz.bcebos.com/static/home_v2/rectangle.png);
    border-image-slice: 16 15;
    font-size: 18px;
    color: #1db5d0;
    letter-spacing: 1px;
    text-decoration:none;
    background-color: #e1f5f6;
    height: 23px;
    box-sizing: content-box;
    transition: all 300ms;
}
.product-big-img .function-point-wrapper a:hover .describe{
    /*display: block;*/
    height: auto;
    opacity: 1;
}
.product-big-img .camera-wrapper a:hover {
    width: 170px;
    height: 102px;
}
.product-big-img .optometry-uni-wrapper a:hover {
    width: 155px;
    height: 82px;
}
.product-big-img .visual-chart-wrapper a:hover {
    width: 155px;
    height: 82px;
}
.product-big-img .small-screen-wrapper a:hover {
     width: 165px;
     height: 106px;
 }
.product-big-img .check-eyes-wrapper a:hover {
    height: 82px;
}

.product-big-img .big-screen-wrapper a:hover {
    height: 122px;
}
.product-big-img .lens-box-wrapper a:hover {
    height: 106px;
}
.product-big-img .small-screen-wrapper a:hover .describe{
    /*height: 106px;*/
}

.product-big-img .lensometer-wrapper a:hover {
    width: 165px;
    height: 82px;
}
.product-big-img .function-point .title{
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    text-indent: 5px;
    color: #1db5d0;
    letter-spacing: 1px;
}
.product-big-img .function-point .describe{
    /*margin-top: 6px;*/
    margin-bottom: 0px;
    font-size: 15px;
    line-height: 20px;
    color: #1db5d0;
    padding: 0;
    /*display: none;*/
    opacity: 0;
    height: 0;
    transition: all 300ms;
}
.product-feature-wrapper .feature{
    display: inline-block;
    width: 150px;
    margin-right: 86px;
}
.product-feature-wrapper .last-feature{
    margin-right: 0px;
}
.product-feature-wrapper .feature .feature-img{
    width: 100%;
    height: 150px;
    border: 1px solid #323232;

}

.product-feature-wrapper .feature .feature-text{
    width: 100%;
    font-size: 23px;
    text-align: center;
    padding-top: 12px;
    color: #999;
}
.feature-img img{
    width: 86px;
    display: block;
    margin: 0 auto;
    margin-top: 35px;
}
.big-pic-second{
    margin-top: 0px;
    width: 100%;
    min-width: 1258px;
}
.big-pic-second img{
    width: 100%;
}
.mobility{
    width: 1200px;
    margin: 0 auto;
}
.mobility .multiple-product-img{
    width: 1169px;
    margin: 0 auto;
    padding: 130px 0 60px;
}

.local-icon-wrapper{
    width: 936px;
    margin: 10px auto;
    /*padding: 10px 50px;*/
}
.local-icon-wrapper .local-icon{
    display: inline-block;
    width: 151.6px;
}
.local-icon-wrapper .local-icon img{
    width: 80px;
    margin: 0 30px;
}
.good-local{
    padding: 45px 0 92px;
    color: #666;
}
.good-local p{
    font-size: 20px;
    text-align: center;
}
.big-pic-third{
    width: 100%;
    min-width: 1258px;
}
.big-pic-third img{
    width: 100%;
}
.advantage{
    width: 1200px;
    margin: 0 auto;
    padding: 0px 100px 50px 100px;
}
.advantage .selling-point{
    display: block;
    width: 1110px;
    margin: 0 auto;
    margin-top: 74px;
}
.advantage .selling-point .picture{
    display: inline-block;
    width: 403px;
    height: 136px;
}
.advantage .selling-point .picture img{
    width: 100%;
}
.advantage .selling-point .text{
    display: inline-block;
    width: 660px;
    letter-spacing: 2px;
    height: 136px;
    padding: 0 0 0 40px;
    font-size: 20px;
    line-height: 30px;
    vertical-align: middle;
}
.advantage .selling-point .text p{
    margin-top: 35px;
    color: #808080;
}
.contact-us{
    background-color: #e1f5f6;
    min-width: 1258px;
}
.contact-us .content{
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 80px;
}
.contact-us .content .title-wrapper{
    padding: 57px 0;
}
.contact-us .title-wrapper .title{
     font-size: 25px;
     color: #1db5d0;
     text-align: center;
 }
.contact-us .title-wrapper .line{
    width: 25%;
    height: 3px;
    background-color: #46cfe7;
    margin: 7px auto;
}

.company-info-wrapper{
    width: 275px;
    height: 272px;
    background-color: #fff;
    display: inline-block;
    vertical-align: bottom;
}
.company-info .middle{
    margin: 0 25px;
}
.company-info .last{
    margin-left: 25px;
}

.company-info-wrapper .icon{
    width: 35px;
    height: 45px;
    margin: 0 auto;
    margin-top: 60px;
}
.company-info-wrapper .title{
    font-size: 20px;
    color: #1db5d0;
    letter-spacing: 2px;
    text-align: center;
}
.company-info-wrapper .line{
    width: 25%;
    height: 3px;
    background-color: #46cfe7;
    margin: 7px auto;
}
.company-info-wrapper .info-detail{
    padding-top: 25px;
    font-size: 18px;
    color: #808080;
    text-align: center;

}
.company-info-wrapper .info-detail p{
    margin: 0;
}
.company-info-wrapper .info-detail .local{
    width: 80%;
    margin: 0 auto;
}
/*arrow*/

.carousel-control .glyphicon-chevron-left{
    width: 90px;
    height: 150px;
    margin-top: -10px;
    font-size: 30px;
    background: url(https://benyamin.gz.bcebos.com/static/home_v2/btn_right.png) no-repeat 0 0;
}

.carousel-control .glyphicon-chevron-right{
    width: 90px;
    height: 150px;
    margin-top: -10px;
    font-size: 30px;
    background: url(https://benyamin.gz.bcebos.com/static/home_v2/btn_left.png) no-repeat 0 0;


}
.glyphicon-chevron-left:before {
    content: "";
}
.glyphicon-chevron-right:before {
    content: "";
}
.activeColor{
    color: #1db5d0;
}
/*arrow-end*/